<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
	    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	    <title>排行榜</title>
	    <script src="js/sjw_pub_750.js" type="text/javascript" charset="utf-8"></script>
	    <script src="js/jquery-1.12.0.min.js" type="text/javascript" charset="utf-8"></script>
	    <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	    <link rel="stylesheet" href="css/style.css">
	</head>
	<body>
		<div class="box">
			<div class="bg"></div>
			<div class="list"><img src="images/img024.png"/></div>
			<p class="list_time">更新时间：2020-01-10</p>
			<div class="list_box">
				<div class="list_nav">
					<span class="active">当前活动排行</span>
					<span>年度积分排行</span>
				</div>
				<div class="list_item first">
					<span>排名</span>
					<span>用户名</span>
					<span>金额</span>
				</div>
				<div class="list_boxs">
					<div class="list_item">
						<span><img src="images/img025.png"/></span>
						<span><img src="images/img028.png"/><font>王富贵</font></span>
						<span class="num">856</span>
					</div>
					<div class="list_item">
						<span><img src="images/img026.png"/></span>
						<span><img src="images/img028.png"/><font>王富贵</font></span>
						<span class="num">856</span>
					</div>
					<div class="list_item">
						<span><img src="images/img027.png"/></span>
						<span><img src="images/img028.png"/><font>王富贵</font></span>
						<span class="num">856</span>
					</div>
					<div class="list_item">
						<span>4</span>
						<span><img src="images/img028.png"/><font>王富贵</font></span>
						<span class="num">856</span>
					</div>
					<div class="list_item">
						<span>5</span>
						<span><img src="images/img028.png"/><font>王富贵</font></span>
						<span class="num">856</span>
					</div>
					<p>当日活动累计参与人数:<span>9999</span>人</p>
				</div>
				<div class="list_boxs">
					<div class="list_item">
						<span><img src="images/img025.png"/></span>
						<span><img src="images/img028.png"/><font>王富贵1</font></span>
						<span class="num">856</span>
					</div>
					<div class="list_item">
						<span><img src="images/img026.png"/></span>
						<span><img src="images/img028.png"/><font>王富贵</font></span>
						<span class="num">856</span>
					</div>
					<div class="list_item">
						<span><img src="images/img027.png"/></span>
						<span><img src="images/img028.png"/><font>王富贵</font></span>
						<span class="num">856</span>
					</div>
					<div class="list_item">
						<span>4</span>
						<span><img src="images/img028.png"/><font>王富贵</font></span>
						<span class="num">856</span>
					</div>
					<div class="list_item">
						<span>5</span>
						<span><img src="images/img028.png"/><font>王富贵</font></span>
						<span class="num">856</span>
					</div>
					<p>当日活动累计参与人数:<span>9999</span>人</p>
				</div>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript">
	$(function(){
		$(".list_nav span").click(function(){
			var _index = $(this).index();
			$(this).addClass("active").siblings("span").removeClass("active");
			$(".list_boxs").eq(_index).show().siblings(".list_boxs").hide();
		})
		$(".list_boxs").eq(0).show();
	})
</script>